<template>
  <Modal
    v-model="form.visible"
    :width="1000"
    title="查看活动计划">
    <Row class="mt30">
      <Col span="16" offset="4">
        <Form ref="form" :model="form.data" :label-width="150">
          <FormItem prop="planStep" label="工作阶段">
            {{form.data.planStep}}
          </FormItem>
          <FormItem prop="planContent" label="工作内容">
            {{form.data.planContent}}
          </FormItem>
          <FormItem label="时间">
            {{form.data.planStartTime | formatDate('YYYY-MM-DD HH:mm:ss')}} - {{form.data.planEndTime | formatDate('YYYY-MM-DD HH:mm:ss')}}
          </FormItem>
          <FormItem prop="chargePerson" label="负责人">
            {{form.data.chargePerson}}
          </FormItem>
          <FormItem prop="mobile" label="负责人联系电话">
            {{form.data.mobile}}
          </FormItem>
          <FormItem prop="staff" label="工作人员">
            {{form.data.staff}}
          </FormItem>
          <FormItem prop="works" label="内容描述">
            {{form.data.works}}
          </FormItem>
          <FormItem prop="remark" label="备注">
            {{form.data.remark}}
          </FormItem>
        </Form>
      </Col>
    </Row>

    <div slot="footer">
      <Button @click="closeModal()" type="primary">关闭</Button>
    </div>
  </Modal>
</template>

<script>
  export default {
    name: 'detail-modal',
    props: [
      'form'
    ],
    methods: {
      closeModal () {
        this.form.visible = false
      }
    }
  }
</script>

